<template>
	<view class="star-contact">
		<view class="" v-if="list.length>0">
			<view class="txl-org-item" v-for="item in list" :key="item.id" @click="chatPage(item)">
				<view class="logo-name">
					<image class="logo" :src="utils.headImage(item)" mode="aspectFill"></image>
					<view class="">
						<text class="name">{{item.name}}</text>
						<text class="time">{{item.time}}</text>
					</view>
				</view>
			</view>
		</view>
		<view class="no-list" v-else>
			暂无星标联系人，可在右上角点击添加
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return{
			list: []
		} 
	},
	onLoad() {
		this.get()
	},
	methods: {
		get(){
			let data = [
				{id: 1, name: '张三', avatarUrl: '', time: '值班时间（周一7:00~17:00）'},
				{id: 2, name: '李四', avatarUrl: '', time: '值班时间（周一7:00~17:00）'},
			]
			this.list = data
		}
	}
}
</script>
<style lang="less" scoped>

	.time{
		margin-left: 20rpx;
		color: #f59a23;
	}
	.no-list{
		height: calc(100vh - 44px);
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>